<template>
	<view>
		<view class="status">
			<view class="">
				<van-icon name="clock-o" />
				<text>{{statusText}}</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['statusText'],
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.status {
		width: 100vw;
		height: 300rpx;
		background-image: linear-gradient(to right, #fb97a0, #FB5868);
		padding-top: 40rpx;

		view {
			margin: 0rpx 0 0 30rpx;
			font-size: 38rpx;
			color: #fff;

			text {

				margin-left: 15rpx;
				letter-spacing: 4rpx;
			}
		}
	}
</style>